@use "variable" as *;
@use "mixin" as *;

body{
    .do-red{
        color:$color-red;
    }
    .do-yellow{
        color:$color-yellow;
    }
    .do-blue{
        color:$color-blue;
    }
    .do-green{
        color:$color-green;
    }
    .do-gray{
        color:$color-font-sub;
    }
    .do-no-data{
        display: block;
        margin:0px;
        padding: 10px 20px;
        font-size: 0.875rem;
        text-align: center;
        color:$color-font-sub;
    }

    //右浮动
    .do-right{
        float: right;
    }

    .do-line1{
        @include show-line(1);
    }
    .do-line2{
        @include show-line(2);
    }
    .do-line3{
        @include show-line(3);
    }

    //浮动按钮-右下角
    .do-fixed-btn {
        position: fixed;
        bottom: 10px;
        right: 10px;
        padding: 10px;
        font-size: 1.25rem;
        color: #fff;
        z-index: 999;
        background: $color-primary;
        border-radius: 50%;
    }

    // card
    .do-card{
        margin:10px;
        padding: 10px;
        background-color: #fff;
        border-radius: 5px;
        @include box-shadow-default();
        &.red {
            .title {
                border-color: $color-red;
            }
        }
        &.blue {
            .title {
                border-color: $color-blue;
            }
        }
        &.green {
            .title {
                border-color: $color-green;
            }
        }
        &.yellow {
            .title {
                border-color: $color-yellow;
            }
        }
    
        &>.title {
            margin: 0px;
            padding-left: 10px;
            font-size: 1rem;
            // font-weight: normal;
            border-left: 5px solid $color-primary;
        }
    }
    
    //表格-表头吸顶  默认全部数据居左，后期需要在添加.do-table-header-center和.do-table-header-tr-center
    .do-table{
        .do-table-header{
            position: sticky;
            top:$l-header-height;
            display: flex;
            background-color: #ffb6c1;
            // color:#fff;
            justify-content:center;//左右
            align-items: center;//上下
            // font-weight: bold;
            z-index: 2;
        }
        .do-table-tr{
            display: flex;
            justify-content:center;//左右
            align-items: center;//上下
            &:nth-child(odd){
                background: #fff;
            }
            // .item{
            //     text-align: left;
            // }
        }
        .item{
            flex:1;
            margin: 5px;
            text-align: left;
        }
    }
}


